Hệ thống xếp lịch học tín chỉ cho sinh viên CNTT trên PHP & MySQL
111.139 lượt xem;
- dynamic.css.php
- project /
1 <?php header('Content-type: text/css'); ?>
2
3 @media (min-width: 768px){ .container{ width: 90% !important; } }
4 @media (max-width: 767px){ .detail_view{ padding: 0; } }
5 @media print{
6 a[href]:after{ content: "" !important; }
7 .container{ width: 98% !important; }
8 }
9
10 .rtl{ direction: rtl !important; }
11 .ltr{ direction: ltr !important; }
12
13 .navbar-brand{ text-transform: capitalize; }
14
15 table a, .table a { text-decoration: none !important; }
16
17 #children-tabs li a{ display: block !important; }
18
19 .hidden{ visibility: hidden !important; }
20
21 iframe{ border: none; overflow: auto; }
22
23 .tab-content{ padding: 10px 20px; border: 1px solid #DDDDDD; border-top: none; }
24
25 #pc-loading{ background: none repeat scroll 0 0 yellow; font-family: arial; left: 10px; margin-top: -10px; opacity: 0.85; position: absolute; top: 20px; width: 150px; }
26
27 .navbar a.btn { margin-left: 10px; margin-right: 10px; }
28
29 .view-on-click a.btn { max-width: 75px; }
30
31 /* prevent prototype conflicts */
32 li.dropdown{ display: block !important; }
33
34 .hspacer-xs{ margin-left: 0.1em; margin-right: 0.1em; }
35 .hspacer-sm{ margin-left: 0.2em; margin-right: 0.2em; }
36 .hspacer-md{ margin-left: 0.4em; margin-right: 0.4em; }
37 .hspacer-lg{ margin-left: 0.8em; margin-right: 0.8em; }
38 .vspacer-xs{ margin-top: 0.1em; margin-bottom: 0.1em; }
39 .vspacer-sm{ margin-top: 0.2em; margin-bottom: 0.2em; }
40 .vspacer-md{ margin-top: 0.4em; margin-bottom: 0.4em; }
41 .vspacer-lg{ margin-top: 0.8em; margin-bottom: 0.8em; }
42
43 div.datePicker{ font-size: 1.3em; }
44 .always_shown{ display: inline !important; }
45 .text-bold{ font-weight: bold; }
46 .text-italic{ font-style: italic; }
47
48 /* .form-control, .help-block .alert{ width: 90% !important; } */
49 .input-group .form-control{ width: 100% !important; }
50 .form-inline .form-control{ width: auto !important; }
51 .panel .btn{ overflow: hidden; }
52
53 .select2-container .select2-choice{ height: 2.4em; line-height: 2.2em; }
54 .select2-container .select2-choice .select2-arrow b{ background-position: 0 -0.1em; }
55
56 .navbar ul.dropdown-menu{ max-height: 400px; overflow-y: auto; }
57
58 .date_combo { padding-right: 0.5em; }
59 /* .date_combo select { width: 100% !important; padding-left: 0; padding-right: 0; } */
60
61 img[src="blank.gif"] { max-height: 10px !important; }
62
63 /* fix for scrolling wide tables horizontally on iOS, https://stackoverflow.com/a/39073181/1945185 */
64 .table-responsive .table {
65 max-width: none;
66 -webkit-overflow-scrolling: touch !important;
67 }
68
69
70 /* fixes for glyph icons in some themes */
71 .glyphicon-camera:before { content: "\e046"; }
72 .glyphicon-lock:before { content: "\e033"; }
73 .glyphicon-eur:before { content: "\20ac"; }
74 .glyphicon-calendar:before { content: "\e109"; }
75 .glyphicon-bell:before { content: "\e123"; }
76 .glyphicon-wrench:before { content: "\e136"; }
77 .glyphicon-briefcase:before { content: "\e139"; }
78
79 .navbar-right {
80 margin-right: 0 !important;
81 }
82
83 .no-caption .field-caption-tv{ display: none; }
84 .no-caption dd{ margin-left: 0; margin-right: 0; }
85
86 .nav-tabs a img{ margin: 0 0.25em; }
87
88 /* rotation classes */
89 .rotate90{ -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
90 .rotate180{ -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
91 .rotate270{ -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); }
92
93 /* compacting mobile borders for DV */
94 .detail_view .form-group hr { margin: 0 0 0.5em 0; border-top-style: dashed; }
95
96 /* tv tools button widths */
97 .tv-tools .btn { width: 5em; }
98
99 /* compact theme styles */
100 .container.theme-compact{ font-size: 0.857em; }
101
102 .theme-compact .btn {
103 font-size: 12px;
104 padding: 4px 10px;
105 }
106
107 .theme-compact .btn-lg, .theme-compact .btn-group-lg > .btn {
108 font-size: 15px;
109 padding: 6px 15px;
110 }
111
112 .theme-compact .form-group {
113 margin-bottom: 8px;
114 }
115
116 .theme-compact .form-control, .theme-compact .input-group-addon {
117 font-size: 12px;
118 height: auto;
119 padding: 4px 6px;
120 }
121
122 .theme-compact .input-sm {
123 border-radius: 3px;
124 font-size: 12px;
125 padding: 2px 6px;
126 }
127
128 .theme-compact select.input-sm {
129 height: 25px;
130 line-height: 25px;
131 }
132
133 .theme-compact .dropdown-menu {
134 font-size: 12px;
135 }
136
137 .theme-compact .table > thead > tr > th, .theme-compact .table > tbody > tr > th, .theme-compact .table > tfoot > tr > th, .theme-compact .table > thead > tr > td, .theme-compact .table > tbody > tr > td, .theme-compact .table > tfoot > tr > td {
138 padding: 4px;
139 }
140
141 .theme-compact h1, .theme-compact h2, .theme-compact h3, .theme-compact h4, .theme-compact h5, .theme-compact h6, .theme-compact .h1, .theme-compact .h2, .theme-compact .h3, .theme-compact .h4, .theme-compact .h5, .theme-compact .h6 {
142 line-height: 2;
143 }
144
145 .theme-compact h1, .theme-compact .h1 {
146 font-size: 27px;
147 }
148
149 .theme-compact h2, .theme-compact .h2 {
150 font-size: 24px;
151 }
152
153 .theme-compact h3, .theme-compact .h3 {
154 font-size: 20px;
155 }
156
157 .theme-compact h4, .theme-compact .h4 {
158 font-size: 16px;
159 }
160
161 .theme-compact .navbar {
162 margin-bottom: 13px;
163 min-height: 40px;
164 }
165
166 .theme-compact .navbar-fixed-bottom {
167 margin-bottom: 0 !important;
168 }
169
170 .theme-compact .navbar-brand {
171 font-size: 15px;
172 height: 40px;
173 padding: 12px;
174 }
175
176 .theme-compact .navbar-nav > li > a {
177 padding-bottom: 9px;
178 padding-top: 9px;
179 line-height: 26px;
180 }
181
182 .theme-compact .navbar-text {
183 margin-bottom: 12px;
184 margin-top: 14px;
185 }
186
187 .theme-compact .page-header {
188 margin: 20px 0 10px;
189 padding-bottom: 0;
190 }
191
192 .theme-compact .navbar-nav > li > a { margin-top: 0; margin-bottom: 0; }
193
194 .theme-compact .panel-heading {
195 padding: 6px;
196 }
197
198 .theme-compact .panel-title {
199 font-size: 14px;
200 }
2
3 @media (min-width: 768px){ .container{ width: 90% !important; } }
4 @media (max-width: 767px){ .detail_view{ padding: 0; } }
5 @media print{
6 a[href]:after{ content: "" !important; }
7 .container{ width: 98% !important; }
8 }
9
10 .rtl{ direction: rtl !important; }
11 .ltr{ direction: ltr !important; }
12
13 .navbar-brand{ text-transform: capitalize; }
14
15 table a, .table a { text-decoration: none !important; }
16
17 #children-tabs li a{ display: block !important; }
18
19 .hidden{ visibility: hidden !important; }
20
21 iframe{ border: none; overflow: auto; }
22
23 .tab-content{ padding: 10px 20px; border: 1px solid #DDDDDD; border-top: none; }
24
25 #pc-loading{ background: none repeat scroll 0 0 yellow; font-family: arial; left: 10px; margin-top: -10px; opacity: 0.85; position: absolute; top: 20px; width: 150px; }
26
27 .navbar a.btn { margin-left: 10px; margin-right: 10px; }
28
29 .view-on-click a.btn { max-width: 75px; }
30
31 /* prevent prototype conflicts */
32 li.dropdown{ display: block !important; }
33
34 .hspacer-xs{ margin-left: 0.1em; margin-right: 0.1em; }
35 .hspacer-sm{ margin-left: 0.2em; margin-right: 0.2em; }
36 .hspacer-md{ margin-left: 0.4em; margin-right: 0.4em; }
37 .hspacer-lg{ margin-left: 0.8em; margin-right: 0.8em; }
38 .vspacer-xs{ margin-top: 0.1em; margin-bottom: 0.1em; }
39 .vspacer-sm{ margin-top: 0.2em; margin-bottom: 0.2em; }
40 .vspacer-md{ margin-top: 0.4em; margin-bottom: 0.4em; }
41 .vspacer-lg{ margin-top: 0.8em; margin-bottom: 0.8em; }
42
43 div.datePicker{ font-size: 1.3em; }
44 .always_shown{ display: inline !important; }
45 .text-bold{ font-weight: bold; }
46 .text-italic{ font-style: italic; }
47
48 /* .form-control, .help-block .alert{ width: 90% !important; } */
49 .input-group .form-control{ width: 100% !important; }
50 .form-inline .form-control{ width: auto !important; }
51 .panel .btn{ overflow: hidden; }
52
53 .select2-container .select2-choice{ height: 2.4em; line-height: 2.2em; }
54 .select2-container .select2-choice .select2-arrow b{ background-position: 0 -0.1em; }
55
56 .navbar ul.dropdown-menu{ max-height: 400px; overflow-y: auto; }
57
58 .date_combo { padding-right: 0.5em; }
59 /* .date_combo select { width: 100% !important; padding-left: 0; padding-right: 0; } */
60
61 img[src="blank.gif"] { max-height: 10px !important; }
62
63 /* fix for scrolling wide tables horizontally on iOS, https://stackoverflow.com/a/39073181/1945185 */
64 .table-responsive .table {
65 max-width: none;
66 -webkit-overflow-scrolling: touch !important;
67 }
68
69
70 /* fixes for glyph icons in some themes */
71 .glyphicon-camera:before { content: "\e046"; }
72 .glyphicon-lock:before { content: "\e033"; }
73 .glyphicon-eur:before { content: "\20ac"; }
74 .glyphicon-calendar:before { content: "\e109"; }
75 .glyphicon-bell:before { content: "\e123"; }
76 .glyphicon-wrench:before { content: "\e136"; }
77 .glyphicon-briefcase:before { content: "\e139"; }
78
79 .navbar-right {
80 margin-right: 0 !important;
81 }
82
83 .no-caption .field-caption-tv{ display: none; }
84 .no-caption dd{ margin-left: 0; margin-right: 0; }
85
86 .nav-tabs a img{ margin: 0 0.25em; }
87
88 /* rotation classes */
89 .rotate90{ -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
90 .rotate180{ -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
91 .rotate270{ -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); }
92
93 /* compacting mobile borders for DV */
94 .detail_view .form-group hr { margin: 0 0 0.5em 0; border-top-style: dashed; }
95
96 /* tv tools button widths */
97 .tv-tools .btn { width: 5em; }
98
99 /* compact theme styles */
100 .container.theme-compact{ font-size: 0.857em; }
101
102 .theme-compact .btn {
103 font-size: 12px;
104 padding: 4px 10px;
105 }
106
107 .theme-compact .btn-lg, .theme-compact .btn-group-lg > .btn {
108 font-size: 15px;
109 padding: 6px 15px;
110 }
111
112 .theme-compact .form-group {
113 margin-bottom: 8px;
114 }
115
116 .theme-compact .form-control, .theme-compact .input-group-addon {
117 font-size: 12px;
118 height: auto;
119 padding: 4px 6px;
120 }
121
122 .theme-compact .input-sm {
123 border-radius: 3px;
124 font-size: 12px;
125 padding: 2px 6px;
126 }
127
128 .theme-compact select.input-sm {
129 height: 25px;
130 line-height: 25px;
131 }
132
133 .theme-compact .dropdown-menu {
134 font-size: 12px;
135 }
136
137 .theme-compact .table > thead > tr > th, .theme-compact .table > tbody > tr > th, .theme-compact .table > tfoot > tr > th, .theme-compact .table > thead > tr > td, .theme-compact .table > tbody > tr > td, .theme-compact .table > tfoot > tr > td {
138 padding: 4px;
139 }
140
141 .theme-compact h1, .theme-compact h2, .theme-compact h3, .theme-compact h4, .theme-compact h5, .theme-compact h6, .theme-compact .h1, .theme-compact .h2, .theme-compact .h3, .theme-compact .h4, .theme-compact .h5, .theme-compact .h6 {
142 line-height: 2;
143 }
144
145 .theme-compact h1, .theme-compact .h1 {
146 font-size: 27px;
147 }
148
149 .theme-compact h2, .theme-compact .h2 {
150 font-size: 24px;
151 }
152
153 .theme-compact h3, .theme-compact .h3 {
154 font-size: 20px;
155 }
156
157 .theme-compact h4, .theme-compact .h4 {
158 font-size: 16px;
159 }
160
161 .theme-compact .navbar {
162 margin-bottom: 13px;
163 min-height: 40px;
164 }
165
166 .theme-compact .navbar-fixed-bottom {
167 margin-bottom: 0 !important;
168 }
169
170 .theme-compact .navbar-brand {
171 font-size: 15px;
172 height: 40px;
173 padding: 12px;
174 }
175
176 .theme-compact .navbar-nav > li > a {
177 padding-bottom: 9px;
178 padding-top: 9px;
179 line-height: 26px;
180 }
181
182 .theme-compact .navbar-text {
183 margin-bottom: 12px;
184 margin-top: 14px;
185 }
186
187 .theme-compact .page-header {
188 margin: 20px 0 10px;
189 padding-bottom: 0;
190 }
191
192 .theme-compact .navbar-nav > li > a { margin-top: 0; margin-bottom: 0; }
193
194 .theme-compact .panel-heading {
195 padding: 6px;
196 }
197
198 .theme-compact .panel-title {
199 font-size: 14px;
200 }